<template>
    <div>
        <!-- <div class="box1">
            我是一个盒子
        </div>
        <div class="box2">
            我是另外一个盒子
        </div>

        <div class="box3">
          <div class="box4">

          </div>
        </div>


        <div class="box5">
            我是一个盒子
        </div>
        <div class="box6">
            我是另外一个盒子
        </div> -->
    </div>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    mounted() {

    },
    methods: {

    },
};
</script>

<style scoped lang="scss">
// .box1{
//   width: 100px;
//   height: 100px;
//   background-color: pink;
//   padding: 20px;
//   border: 1px solid #000;
//   margin: -20px;
// }
// .box2{
//   width: 100px;
//   height: 100px;
//   background-color: royalblue;
// }
// .box3{
//   width: 200px;
//   height: 200px;
//   background-color: saddlebrown;
//   overflow: hidden;
// }
// .box4{
//   width: 100px;
//   height: 100px;
//   background-color: seagreen;
//   margin-top: 30px;
// }
// .box5{
//   width: 200px;
//   height: 200px;
//   background-color: skyblue;
//   margin-bottom: 40px;
// }
// .box6{
//   width: 100px;
//   height: 100px;
//   background-color: seagreen;
//   margin-top: 30px;
// }
</style>
